<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计字体样式综合案例</title>
</head>
<body>
h1{
font-family:黑体;
text-align:center;
}
p{
font-family:Arial,"Times New Roman"
font-size:12pt;
background-color:#ccc;
p.indent{
text-indent:2em;
line-height:200%;
}
p.ellipsis{
width:300px;
height:20px;
overflow:hidden;
text-space:nowrap;
text-overflo:ellipsis;
}
.red{
font-size:30px;
text-decoretiom: line-through;
}
.three{
fone-size:30px;
text-decoration:undeline;
}
</style>
</head>
</body>
<h1>环保保护</h1>
<p>环保保护一般指<span class="one">人类</span>为解决现实或强在的问题，协调发展<span class="two">
    环境</span> 人类,<span calss="three">环境</span>据而代之</p>
<p clss="indent"> 的友好型社会，国建和谐社会等等过</p>
<p>程中发挥决定性发展澳洲。的问题将是资源节约重要左右</p>
</html>
</body>


<head>
    <tiele>设计图片的透明度</tiele>
    #boxwrap{
    width:280px;
    margin:10px auto;
    border:2px dashed #fd8e47;}
    <style type="text/css">
        img:nth-child(2){opacity:0.8;}
        img:nth-child(3){opacity:0.5;}
        img:nth-child(4){opacity:0.2;}
